<template>
	<view class="box">
		<view class="mlr-36 mt-20 plr-36 bg-white radius-10">
			<view class="pt-30 ml-4">
				乘车人姓名
			</view>
			<view style="height: 20rpx;"></view>
			<view style="width: 95%;height: 80rpx;background-color: #F6F7FB;border-radius: 20rpx;margin: auto;">
				<input v-model="name" style="width: 80%;height: 80rpx;margin-left: 20rpx;" type="text">
			</view>
			
			<view class="pt-30 ml-4">
				手机号
			</view>
			<view style="height: 20rpx;"></view>
			<view style="width: 95%;height: 80rpx;background-color: #F6F7FB;border-radius: 20rpx;margin: auto;">
				<input v-model="tel" style="width: 80%;height: 80rpx;margin-left: 20rpx;" type="number">
			</view>
			<view style="height: 20rpx;"></view>
		</view>
		<view class="fixed-bottom plr-36 ptb-50">
			<u-button type="primary"  :disabled="!tel || !name" @click="submit">确认代叫</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tel: '',
				name: ''
			}
		},
		onLoad() {
		},
		methods: {
			submit() {
				let data = {
					tel: this.tel,
					name: this.name
				}
				uni.navigateBack({
				})
				uni.$emit('other',data)
			}
		}
	}
</script>

<style lang="scss" scoped>
	/deep/.u-field {
		padding: 26rpx 0 !important;
		// background:#F6F7FB;
		// height:80rpx;
		// height:634rpx;
	}

	/deep/.u-primary-hover {
		background-color: $blue !important;
	}

	/deep/.u-btn--primary--disabled {
		background-color: $bg-1 !important;
	}

	.box {
		width: 100%;
		height: 100vh;
		background: #F8F8F8;
		overflow: hidden;
	}
</style>
